<div class="abouts-join">
  <div class="row">
    <div class="col-xs-3">
      <%= render partial: 'left_menu' %>
    </div>

    <div class="col-xs-9 content-col">
      <div class="page-header">
        <h3>申请加盟</h3>
      </div>

      <vue-form :state="formstate" v-model="customer" @submit.prevent="onSubmit">
        <validate tag="div" class="col-sm-6 form-group">
          <label for="name">姓名<span class="text-gray">（必填）</span></label>
          <input class="form-control" v-model="customer.name" required name="join_record[name]" placeholder="输入您的姓名"/>
          <field-messages class="error" show="$touched || $submitted" name="join_record[name]">
            <div slot="required">姓名是必填项！</div>
          </field-messages>
        </validate>

        <validate tag="div" class="col-sm-6 form-group">
          <label for="mobile">电话<span class="text-gray">（必填）</span></label>
          <input class="form-control" v-model="customer.mobile" required name="join_record[mobile]" placeholder="输入真实有效的手机号" cellphone-validator/>
          <field-messages class="error" show="$touched || $submitted" name="join_record[mobile]">
            <div slot="required">电话是必填项！</div>
            <div slot="cellphone-validator">请输入正确的手机号</div>
          </field-messages>
        </validate>

        <validate tag="div" class="col-sm-12 form-group">
          <label for="address">地址<span class="text-gray">（必填）</span></label>
          <input class="form-control" v-model="customer.address" required name="join_record[address]" placeholder="输入您的地址"/>
          <field-messages class="error" show="$touched || $submitted" name="join_record[address]">
            <div slot="required">地址是必填项！</div>
          </field-messages>
        </validate>

        <validate tag="div" class="col-sm-6 form-group">
          <label for="job">现从事的行业</label>
          <select class="form-control" v-model="customer.job" name="join_record[job]">
            <option value="" disabled selected class="first-option">请选择行业</option>
            <option value="门窗">门窗行业</option>
            <option value="其他">其他行业</option>
          </select>
        </validate>

        <validate tag="div" class="col-sm-12 form-group">
          <label for="name">加盟意向<span class="text-gray">（需求）</span></label>
          <textarea class="form-control" v-model="customer.demand" name="join_record[demand]" placeholder="尽可能详细描述您的需求">
          </textarea>
        </validate>

        <div class="col-sm-12 form-group">
          <%= hidden_field_tag :authenticity_token, form_authenticity_token -%>
          <button type="submit" class="btn btn-primary">提交</button>
        </div>
      </vue-form>

    </div>

    <div class="col-xs-offset-3 col-xs-9 content-col" style="margin-top: 30px;">
      <div class="page-header">
        <h3>阳毅门窗的七大优势</h3>
      </div>
      <div class="text-gray">
        阳毅门窗依靠着强大的品牌影响力及优质的产品与服务，目前已在全国性营销与区域性战略方面取得了阶段性成果；但是空白市场仍然巨大。真诚地邀请有实力、有热情的公司或个人加盟我们，共同开发门窗市场，共同谱写行业新篇章。为什么选择我们？我们有着其他企业没有的七大优势！
      </div>
      <div style="margin-top: 10px;">
        <strong>1、技术先进</strong>
        <div class="text-gray" style="padding-top: 10px;">阳毅专注门窗25年，多年来获得近百余项自有发明专利及国际认证，多项技术为国内首创。</div>
      </div>
      <div style="margin-top: 10px;">
        <strong>2、服务周到</strong>
        <div class="text-gray" style="padding-top: 10px;">阳毅门窗以“良心设计,放心产品,无忧服务”为宗旨，推出“5年超长质保”、“玻璃质保1年”、“金牌计划”等售后服务。</div>
      </div>
      <div style="margin-top: 10px;">
        <strong>3、产品系列齐全</strong>
        <div class="text-gray" style="padding-top: 10px;">阳毅门窗目前拥有自主研发的门窗系列产品达300多种，规格齐全。产品线覆盖隔音、抗噪、盾霾、安全等品质生活需求。</div>
      </div>
      <div style="margin-top: 10px;">
        <strong>4、设计与用材考究</strong>
        <div class="text-gray" style="padding-top: 10px;">
          型材用料为定制开发，以最合理合金成分保证门窗主结构各项性能；同时重视与国际著名门窗企业交流合作，不断引进国外先进的设计理念，在门窗设计中加入了众多国外时尚流行元素，简洁、流畅、高雅。
        </div>
      </div>
      <div style="margin-top: 10px;">
        <strong>5、国际化生产工艺与生产线</strong>
        <div class="text-gray" style="padding-top: 10px;">
          门窗的组角和注胶质量直接关系到门窗抗风强度、刚性、气密性、美观和使用寿命，而阳毅门窗独有的组角和注胶工艺，大大提升了门窗的性能，延长门窗的适用寿命。
        </div>
      </div>
      <div style="margin-top: 10px;">
        <strong>6、成熟销售体系</strong>
        <div class="text-gray" style="padding-top: 10px;">
          紧跟“新零售”步伐，零售网络覆盖全国，数次登顶铝门窗销量冠军，并保持线上窗类目首位，真正线上线下销售双冠王。
        </div>
      </div>
      <div style="margin-top: 10px;">
        <strong>7、创新商业模式</strong>
        <div class="text-gray" style="padding-top: 10px;">
          阳毅门窗凭借早年线上布局及对O2O的深刻理解，自主研发的“窗管家”系统为业内首创，从根本上解决了线上线下客流量互补及线下承接的问题，更大大简化了门窗零售服务流程，迈出了制造业进入工业4.0时代的关键一步。
        </div>
      </div>
    </div>
  </div>
</div>
